<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a{
	display:inline-block; /*改变a标签的显示模式（设置为行级块状元素）^_^千万不要去掉哦！！！！^_^*/
	padding:5px;
	border-radius:5px; /*使用它我们就可以看到好看的圆角边框了哦！！！^_^不过很抱歉，这种样式不兼容（IE6-8没有效果）哦！！！！^_^*/
}
/*
要求：
1、去除a标签，h3标题的默认样式
2、设置字体大小为14像素，颜色为对应的颜色，“主题市场、特色购物、当前热点“等标题设置加粗，要对应字体颜色，字体大小
3、给a标签添加伪类（鼠标经过时显示背景颜色，改变字体颜色，以上任选一种）
*/
</style>
<link rel="stylesheet" type="text/css" href="taobao.css"/>
</head>
<body>
	<div class="one">
		<h3>主题市场</h3>
		<p>
			<a href="#">爱美女人</a>
			<a href="#">品质男人</a>
			<a href="#">淘宝二手</a>
			<a href="#">全球淘</a>			
		</p>
		<p>
			<a href="#">品牌街</a>
			<a href="#">同城便民</a>
			<a href="#">花嫁新娘</a>
			<a href="#">潮宝出街</a>			
		</p>
	</div>
	<div class="two">
		<h3>特色购物</h3>
		<p>
			<a href="#">爱美女人</a>
			<a href="#">品质男人</a>
			<a href="#">淘宝二手</a>
			<a href="#">全球淘</a>			
		</p>
		<p>
			<a href="#">品牌街</a>
			<a href="#">同城便民</a>
			<a href="#">花嫁新娘</a>
			<a href="#">潮宝出街</a>			
		</p>
	</div>
	<div class="three">
		<h3>当前热点</h3>
		<p>
			<a href="#">爱美女人</a>
			<a href="#">品质男人</a>
			<a href="#">淘宝二手</a>
			<a href="#">全球淘</a>			
		</p>
		<p>
			<a href="#">品牌街</a>
			<a href="#">同城便民</a>
			<a href="#">花嫁新娘</a>
			<a href="#">潮宝出街</a>			
		</p>
	</div>
</body>
</html>
